
    * {
        padding: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
    }
    html,body,#app {
        width: 100%;
        height: 100%;
    }
    #app {
        display: flex;
        flex-direction: column;
    }
    header {
        width: 100%;
        height: 60px;
        background-color: #fcc;
        text-align: center;
        line-height: 60px;
    }
    main {
        flex: 1;
        overflow-y: scroll;
    }
    dl {
        width: 100%;
        height: 140px;
        background-color: rgb(240, 234, 255);
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
    dl img {
        // width: 120px;
        // height: 120px;
        margin: 0 10px;
    }
    dl dd p:nth-of-type(1){
        margin-top: -10px;
        margin-bottom: 10px;
    }
    dl .num {
        width: 30px;
        height: 20px;
    }
    dl button {
        width: 20px;
        height: 20px;
        // margin-right: 10px;
    }
    // dl b {
    //     margin-right: 10px;
    // }
    footer {
        width: 100%;
        height: 60px;
        background-color: #fcc;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
    }
    footer b {
        flex: 1;
        padding: 0 10px;
    }

